<template>
  <div>首页</div>
  <div>{{ data.num }}</div>
  <button @click="btnClick">点击测试</button>
</template>
<script>
import { reactive } from 'vue'

export default {
  /*
  reactive:定义响应式数据
  用法：
     1：导入 import {reactive} from 'vue'
     2:定义响应式数据
        const 变量名=reactive({num:1})
     3:访问或者修改  变量名.num++
*/

  setup () {
    const data = reactive({ num: 0 })
    const btnClick = () => {
      data.num++
    }
    return { data, btnClick }
  }
}
</script>
